<!--视频组-->
<template>
    <div class="video-group">
        <div class="video-group-title">
            <span style="font-size:16px;">正片</span>
            <span style="font-size:12px;color:#999999;float:right;">1/13</span>
        </div>
        <div class="video-group-content">
            <el-button plain size="medium" autofocus class="video-group-content-button">1</el-button>
            <el-button plain class="video-group-content-button" size="medium">2</el-button>
            <el-button plain class="video-group-content-button" size="medium">3</el-button>
            <el-button plain class="video-group-content-button" size="medium">4</el-button>
            <el-button plain class="video-group-content-button" size="medium">5</el-button>
            <el-button plain class="video-group-content-button" size="medium">6</el-button>
            <el-button plain class="video-group-content-button" size="medium">7</el-button>
            <el-button plain class="video-group-content-button" size="medium">8</el-button>
            <el-button plain class="video-group-content-button" size="medium">9</el-button>
            <el-button plain class="video-group-content-button" size="medium">10</el-button>
            <el-button plain class="video-group-content-button" size="medium">11</el-button>
            <el-button plain class="video-group-content-button" size="medium">12</el-button>
            <el-button plain class="video-group-content-button" size="medium">13</el-button>
        </div>

    </div>
</template>

<script>
    export default {
        name: "videoGroup"
    }
</script>

<style scoped>
    .video-group{
        background-color: #f4f4f4;
        border-radius: 2px;
        min-height:100px;
        margin-bottom:20px;
        margin-top:10px;
        margin-left:10px;
    }

    .video-group-title{
        height:42px;
        padding: 0 16px;
        color:#212121;
        line-height:42px;
    }

    .video-group-content{
        min-height:42px;
        padding: 15px 0 0 28px;
        /*background-color: red;*/
    }

    .video-group-content-button{
        border-radius:1px !important;
        min-width:66px;
        margin-bottom:10px;
        margin-left:0px;
        margin-right:10px;
    }


    .el-button.is-plain:focus{
        background-color: #00A1D6 !important;
        border-color: #0ABBF9;
        color:white;
    }

</style>
